<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>自定义指标计算</title>
        <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
        <meta name="screen-orientation" content="portrait"/>
        <link rel="stylesheet" href="/Resources/css/mui.css">
        <link rel="stylesheet" href="/Resources/css/mui.picker.all.css">
        <link rel="stylesheet" href="/Resources/css/public.css">
        <link rel="stylesheet" href="/Resources/css/count.css">

    </head>

    <body>
        <div class="count" id="app">
            <div class="section">
                <div class="section-edit">
                    <input type="text" placeholder="请输入指标名称..." class="editinput">
                    <i class="icon icon-edit"></i>
                </div>
                <ul>
                    <li class="section-inner">
                        <div class="top">
                            <input type="text" placeholder="请输入指标名称..." class="editinput edit-error">
                            <i class="icon icon-edit"></i>
                        </div>
                        <div class="bottom">
                            <div class="bottom-inner target-kind">
                                <div class="target-kind-action">
                                    <span class="text">
                                        品种差
                                    </span>
                                    <i class="mui-icon mui-icon-arrowright"></i>
                                </div>
                            </div>
                            <div class="bottom-inner target-kind-style">
                                <div class="target-kind-action">
                                    <span class="text">
                                        选择指标计算方式
                                    </span>
                                    <i class="mui-icon mui-icon-arrowright"></i>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="section-inner">
                        <div class="top">
                            <input type="text" placeholder="请输入指标名称..." class="editinput" value="文字">
                            <i class="icon icon-edit"></i>
                        </div>
                        <div class="bottom">
                            <div class="bottom-inner target-kind">
                                <div class="target-kind-action">
                                    <span class="text">
                                        品种差
                                    </span>
                                    <i class="mui-icon mui-icon-arrowright"></i>
                                </div>
                            </div>
                            <div class="bottom-inner target-kind-style">
                                <div class="target-kind-action">
                                    <span class="text">
                                        选择指标计算方式
                                    </span>
                                    <i class="mui-icon mui-icon-arrowright"></i>
                                </div>
                            </div>
                        </div>
                    </li>

                </ul>
                <div class="plus">
                    <i class="mui-icon mui-icon-plus"></i>
                </div>
            </div>
            <div class="btn-wrap">
                <button class="preview btn-default">
                    预览
                </button>
                <button class="save btn-blue">
                    保存
                </button>
            </div>
        </div>

        <script src="/Resources/js/zepto.js"></script>
        <script src="/Resources/js/mui.min.js"></script>
        <script src="/Resources/js/mui.picker.min.js"></script>
        <script src="/Resources/js/city.data-3.js"></script>

        <script src="/Resources/js/count.js"></script>

        <script>
            var ow = document.documentElement.clientWidth;
            var oh = document.documentElement.clientHeight;
            var aim = document.getElementById('app')
            // if(oh<450){     // 修复华为虚拟导航导致可视区域过小，底部电话遮挡问题     oh=480 } aim.style.height =
            // oh + 'px'
            if (ow > 540) {
                ow = 540
            }
            window.document.documentElement.style.fontSize = 100 * ow / 375 + "px";
        </script>

    </body>

</html>